<template>
  <div>
    <h2>{{ msg }}</h2>
    <hr />
    <SchoolInfo />
    <hr />
    <StudentInfo ref="student" />
  </div>
</template>

<script>
import SchoolInfo from "./components/SchoolInfo";
import StudentInfo from "./components/StudentInfo";
export default {
  name: "App",
  components: {
    SchoolInfo,
    StudentInfo,
  },
  data() {
    return {
      msg: "欢迎学习Vue",
    };
  },
};
</script>

<style scope>
</style>